.container {
	width: 100%;

	.header {
		display: flex;
		flex-direction: row;
		justify-items: center;
		padding: 25upx;
		// border: solid 1px red;
		
		.btn-ico {
			width: 48upx;
			height: 40upx;
			
			margin-top: 18upx;
		}
		
		.search-ico {
			width: 40upx;
			height: 40upx;
			margin-top: 20upx;
			margin-left: 20upx;
		}
		
		.searchbar {
			height: 80upx;
			width: 100%;
			margin-left: 0upx;
			margin-right: 0upx;
			background-color: rgba(255, 255, 255, 1);
			border-radius: 40upx;
			
			display: flex;
			flex-direction: row;
			
			.search-input {
				// border: solid 1px red;
				margin-left: 10upx;
				margin-top: 15upx;
			}
			
			
		
		}
		
		.delete-ico {
			width: 60upx;
			height: 60upx;		
			// margin-right: 0upx;
		}
	}
	
	
	.search-result {
		border: solid 1px rgba(0,0,0,0.2);
		border-radius: 20upx;
		margin-left: 30upx;
		margin-right: 30upx;
		background-color: white;
		
		.item-wrapper {
				
			.item {
				
				display: flex;
				flex-direction: row;
				align-items: center;
				flex: 2;
				
				// border-radius: 20upx;
				
				height: 160upx;
				
				.left {
					margin-left: 30upx;
					.avatar {
						width: 100upx;
						height: 100upx;
						border-radius: 50upx;
					}
				}
				
				.middle {
					display: flex;
					flex-direction: column;
					flex: 7;
					margin-left: 20upx;
					.name {
						font-weight: bold;
						font-size: 32upx;
					}
					
					.clazz {
						font-size: 28upx;
					}
				}
				
				.right {
					flex: 1;
					.arrow {
						width: 60upx;
						height: 60upx;
					}
				}
			}
		}
	}
	
}


